Skip to content

Fix/blog preview img #1758

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 6 commits into
base: main
Choose a base branch
from

Conversation

animeshsahoo1
Copy link
Contributor

@animeshsahoo1 animeshsahoo1 commented Jul 5, 2025

What kind of change does this PR introduce?
A Bugfix

Issue Number:
Closes #1755

Screenshots/videos:
object-contain
Adding object contain will make other blog images not fit in properly
object-fill
adding object fill will do the job

Summary
the suggested solution was to use object-contain but that makes other images not fit in properly, instead using object-fill will do the work properly

Does this PR introduce a breaking change?
NO

Checklist

Please ensure the following tasks are completed before submitting this pull request.

@animeshsahoo1 animeshsahoo1 requested a review from a team as a code owner July 5, 2025 08:08
@github-project-automation github-project-automation bot moved this to Ready to review in PR - Triage Group Jul 5, 2025
Copy link

github-actions bot commented Jul 5, 2025

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name Status Preview Last Commit
website ✅ Ready (View Log) Visit Preview c2a10d7

Copy link

codecov bot commented Jul 5, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (a1ea8aa) to head (c2a10d7).

Additional details and impacted files
@@            Coverage Diff            @@
##              main     #1758   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           30        30           
  Lines          633       633           
  Branches       196       196           
=========================================
  Hits           633       633           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@Utkarsh-123github
Copy link
Member

Hi @animeshsahoo1

Hope you're doing well! Just a quick reminder, it would be great if you could wait to get officially assigned to an issue before opening a PR. This helps us manage contributions more smoothly and avoid overlapping efforts.
Really appreciate your enthusiasm and contributions so far, looking forward to more of them!

Thanks a lot for your understanding.

@animeshsahoo1
Copy link
Contributor Author

I thought since Benjamin said you can drop PR without assigning the person, but the person stated he isn't working on it. the issue was very small so I thought it didn't need assigning, I will make sure to get it assigned first from next time.

Copy link
Member

@Utkarsh-123github Utkarsh-123github left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for your solution @animeshsahoo1 , it's a great start! 😊
Just a small observation: there's a slight height inconsistency among the images on the blog page. It would be great if you could make the image heights uniform across the page.

Also, the issue description specifically mentions the home page and not blog page, so if you could take a look at that part as well, it would be really helpful.

Let me know if you need any clarification. Thanks again for your efforts!
image

@github-project-automation github-project-automation bot moved this from Ready to review to Changes requested in PR - Triage Group Aug 2, 2025
@animeshsahoo1
Copy link
Contributor Author

@Utkarsh-123github got it I didn't read properly I can add object fill to the home page part in blog page the code has changed I think its nice now but I tried to find a way to keep height same without cutting out something but I don't think its possible since the aspect ratio is different for all images. let me know what you think

@Utkarsh-123github
Copy link
Member

Utkarsh-123github commented Aug 2, 2025

Hi @animeshsahoo1 , I checked it out locally.
Object fill is working good but in your preview there is a height difference bcoz your branch is not updated with new changes made by Idan. He has updated the code base with correct aspect ratio. So Just update your branch and then make the changes and you'll observe that now things will work fine.

@animeshsahoo1
Copy link
Contributor Author

@Utkarsh-123github oh ok got it

@animeshsahoo1
Copy link
Contributor Author

@Utkarsh-123github could you take a look at it again and tell me if there something that requires change

Copy link
Member

@Utkarsh-123github Utkarsh-123github left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Changes requested
Development

Successfully merging this pull request may close these issues.

🐛 Bug: JSON blog preview image in Blog page is streched
2 participants